(()=>{
    const app = new Vue({
        el:'#header',
        data:{
            select:{//查询自己条件
                jiBie:1//默认显示一级推荐人
            },
            select2:{//查询别人
                userId:1//默认显示一级推荐人
                ,up:1   // 1往下查  2往上查
            }
            ,teamList:[]//储存数据
            ,index:0//当前是第几页
            ,oll:''//储存旧的数据
            ,xianShiShu:15,
            count:0
        }
    });

    //切换查询等级
    app.dengJi = ()=>{
        app.index = 0;
        getData(app.select);

    };

    //查上级
    app.uper=(index)=>{
        app.index = 0;
        app.select2.up = 2;
        app.select2.userId = app.teamList[index].usercomm;
        getData(app.select2)
    }

    //查下级
    app.nex=(index)=>{
        app.select2.up = 1;
        app.select2.userId = app.teamList[index].id;
        getData(app.select2)
    }

    //查看消费
    app.apend = (index)=>{
      layer.open({
          type:2,
          area:['500px','500px'],
          title:app.teamList[index].name+'消费明细',
          content:DUSER+'/spend/id/'+app.teamList[index].id
      })
    };

    getData(app.select);//初始化数据
    function getData(json) {
        layer.load(1);
        app.oll = json;
        json.index = app.index * app.xianShiShu;
        json.count = app.xianShiShu ;
        $.get(DUSER+'/team',json,function (da) {
            layer.closeAll();
            app.teamList = da[0];
            page(app.count = da[1]);
        })
    }

    //使用 app.index记住是第几页
    function page(count) {
        $('#page').pagination(count,{
            items_per_page:app.xianShiShu,
            current_page:app.index,
            callback:function (index) {
                app.index = index;

                getData(app.oll);
            }
        })
    }



})();